<div *ngFor="let position of ['top-center', 'top-right', 'bottom-center', 'bottom-right']"
     [class]="getPositionClass(position)">
  <div *ngFor="let toast of toasts[position]"
       [@toastAnimation]="'visible'"
       class="toast-item"
       [ngClass]="'toast-' + toast.type">
    <div class="toast-icon">{{ getToastIcon(toast.type) }}</div>
    <div class="toast-content">{{ toast.message }}</div>
    <button *ngIf="toast.closable" 
            class="toast-close-btn" 
            (click)="closeToast(toast.id)">×</button>
  </div>
</div>